배열은 순서대로 데이터를 저장하지만 객체는 순서없이 저장한다.
  배열은 대괄호[] 객체는 중괄호{}를 사용한다 
  배열에선 인덱스라 부르고 객체에선 키값이라 한다.
                

document.querySelector:

document는 객체이다, querySelector는 document객체에 속해잇는 함수이고 객체 안에 함수는 '메소드'라 부른다

  <script>
      var coworkers = {   //객체를 만들때 사용하는 기호'=' 오브젝트 리터럴  
          "programmer":"egoing",  //객체를 만들땐 그냥 넣으면 안된다 반듯이 이름이 잇어야한다.
          "designer":"leezche"    // '이름':'정보'
      }
      document.write("프로그래머 : "+coworkers.programmer+"<br>");//coworkers.programmer 여기서 '.'은 오브젝트 액세스 오퍼레이터
      document.write("디자이너 : "+coworkers.designer+"<br>");    //객체에 접근하는 오퍼레이터 
      //객체가 만들어진 이후에 정보를 추가하고 싶다면
      coworkers.bookkeeper = "duru";  //변수뒤에'.'을 찍고 이름='정보'; 식으로 추가 하면된다
      document.write("북키퍼 : "+coworkers.bookkeeper+"<br>");
      coworkers["data scientist"] = "miki" // 띄어쓰기를 해야할경우 '.'대신 대괄호로 같은 효가를 적용
      document.write("data scientist : "+coworkers["data scientist"]+"<br>");
  </script>
      

Iterate 객체 불러오기

coworkers에 들어잇는 key의 수만큼 중괄호에 잇는 코드를 실행시켜 준다

      //for는 coworkers라는 변수가 가르키느 객체에 잇는 키값들을 가져오는 반복문이다
  <script>    
      for (var key in coworkers){ 
          document.write(key+' : '+coworkers[key]+'<br>');
      }
  </script>
                

Property & Method

객체에 소속된 함수 와 변수를 만들수잇다.

객체에 소속된 함수를 메소드라 부르고

객체에 소속된 변수를 프로퍼티라 부른다.

  <script>
  coworkers.showall = function(){
      for (var key in this){
      document.write(key+' : '+this[key]+'<br>');
  }
  }
  coworkers.showall();
  </script>